<style>
    .head-nav-dropdown .dropdown-panel.no-image {
        width: 300px;
        left: auto;
    }
    .head-nav-dropdown .dropdown-panel {
        border-top: 1px solid #eaeaea;
        width: 695px;
        left: -395px;
        right: auto;
        top: auto;
        z-index: 1;
    }
    .dropdown-panel.no-image {
        width: 300px;
        left: auto;
    }
    .mfw-header .dropdown-panel {
        position: absolute;
        right: 0;
        top: -1px;
        box-shadow: 0 2px 2px rgba(0,0,0,.3);
        z-index: 10;
        width: 1000px;
        height: 300px;
        background-color: #fff;
        background-color: rgba(255,255,255,.95);
    }
    .hide {
        display: none;
    }
    body, p, div {
        margin: 0;
        padding: 0;
        word-wrap: break-word;
    }
    .head-nav-dropdown .icon-caret-down {
        margin: 0 -5px 0 3px;
        border-top-color: #666;
        vertical-align: middle;
        transition: transform .5s ease-in-out 0s;
    }
    .icon-caret-down {
        display: inline-block;
        height: 0;
        width: 0;
        border-top: 4px solid #666;
        border-left: 4px dashed transparent;
        border-right: 4px dashed transparent;
        overflow: hidden;
    }
    i {
        font-style: italic;
    }
    .head-nav-dropdown .drop-toggle {
        padding: 0 11px 2px;
        margin-bottom: -1px;
        cursor: default;
        height: auto!important;
    }
    body, p, div {
        margin: 0;
        padding: 0;
        word-wrap: break-word;
    }
    @media (max-width: 1440px)
        .head-nav-dropdown {
            line-height: 54px;
        }
        .head-nav-dropdown .dropdown-panel {
            border-top: 1px solid #eaeaea;
            width: 695px;
            left: -395px;
            right: auto;
            top: auto;
            z-index: 1;
        }
        .head-nav-dropdown {
            position: relative;
            line-height: 64px;
            border-top: 2px solid transparent;
        }
        ul, li, ol {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        ul, ol, li, dl, dd, dt {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        li {
            text-align: -webkit-match-parent;
        }
        @media (max-width: 1440px)
            .head-nav {
                line-height: 58px;
                font-size: 14px;
            }
            .head-nav {
                float: left;
                display: inline;
                padding: 0 10px 0 25px;
                line-height: 68px;
                font-size: 16px;
                color: #333;
            }
            ul {
                list-style-type: disc;
            }
            body {
                font-size: 12px;
                font-family: Arial,"Lucida Grande","Microsoft Yahei","Hiragino Sans GB","Hiragino Sans GB W3",SimSun,"PingFang SC",STHeiti;
                _font-family: Tahoma,Arial,Helvetica,STHeiti;
                color: #666;
            }
            html {
                font-family: Arial,'Microsoft Yahei';
                font-size: 12px;
                color: #666;
                -ms-text-size-adjust: 100%;
                -webkit-text-size-adjust: 100%;
            }
</style>
<div class="lww_header">
    <div class="header_wrap">
        <div class="header_logo">
            <a href="javascript:;" class="lww_logo"></a>
        </div>

        <ul class="header_nav">
            <li name="index"><a href="/">首页</a></li>
            <li  name="destination"><a href="/destination">目的地</a></li>
            <li  name="strategy" ><a href="/strategy">旅游攻略</a></li>
            <li  name="travel" ><a href="/travel">旅游日记</a></li>
            <li  name="travels" ><a href="/travel">跟团游</a></li>
            <li  name="huida"><a href="/wenda/list">社区回答</a></li>
            <li  name="shangdian"><a href="/mall/virtual">道具商店</a></li><#--<i class="icon_caret_down"></i>-->
            <li class="head-nav-community _j_head_nav_community head-nav-dropdown _j_shequ_nav_show" id="_j_nav_community" data-cs-p="community" data-tab-item="社区">
                <#--<div class="drop-toggle"><span>社区回答<i class="icon-caret-down"></i></span></div>-->
                <!-- 社区下拉面板 begin -->
                <div class="dropdown-panel dropdown-community hide _j_shequ_top no-image" id="_j_community_panel" data-cs-t="community_nav" style="display: none;">
                    <div class="panel-wrapper">
                        <ul class="nav-list clearfix">
                            <li class="h"><a href="http://www.mafengwo.cn/wenda/" target="_blank" title="问答" data-cs-p="wenda">问答<i class="i-hot">hot</i></a></li>
                            <li><a href="http://www.mafengwo.cn/mall/things.ftl" target="_blank" title="博游周边" data-cs-p="things">博游周边<i class="i-new">new</i></a></li>
                            <li><a href="http://www.mafengwo.cn/club/" target="_blank" title="蜂首俱乐部" data-cs-p="club">蜂首俱乐部</a></li>
                            <li><a href="http://www.mafengwo.cn/together/" target="_blank" title="结伴" data-cs-p="together">结伴</a></li>
                        </ul>
                        <ul class="nav-list-sub clearfix">

                            <li><a href="http://www.mafengwo.cn/group/" target="_blank" title="博游旅行家" data-cs-p="group">小组论坛</a></li>
                            <li><a href="http://www.mafengwo.cn/rudder/" target="_blank" title="分舵同城" data-cs-p="rudder">分舵同城</a></li>
                            <li><a href="http://www.mafengwo.cn/auction/" target="_blank" title="博游拍卖行" data-cs-p="paimai">博游拍卖行</a></li>

                            <!--<li><a href="http://www.mafengwo.cn/postal/" target="_blank" title="游记纪念工厂" data-cs-p="postal">游记纪念工厂</a></li>-->
                            <li><a href="http://www.mafengwo.cn/photo_pk/prev.ftl" target="_blank" title="照片PK" data-cs-p="photo_pk">照片PK</a></li>
                            <li><a href="http://www.mafengwo.cn/focus/" target="_blank" title="真人兽" data-cs-p="focus">真人兽</a></li>
                            <li><a href="/mall/thing" target="_blank" title="道具商店" data-cs-p="virtual">道具商店</a></li>
                        </ul>
                    </div>
                </div>

                <!-- 社区下拉面板 end -->
            </li>
            <#--博游旅游之选-->
            <li class="head-nav-choice _j_head_nav_choice" data-cs-p="choice" data-tab-item="博游旅行者之选"><a href="/poi/choice/group"><div class="mfwzx-logo"></div></a></li>
        </ul>
       <#-- <div class="header_search">
            <input type="text" />
            <a class="icon_search"></a>
        </div>-->

        <#if userInfo??>
        <div class="login_info">
            <div class="head_user">
                <a href="/mine/homepage">
                    <img src="${(userInfo.headImgUrl)!'/images/default.jpg'}" />
                    <i class="icon_caret_down"></i>
                </a>
            </div>
            <div class="header_msg">
                消息<i class="icon_caret_down"></i>
            </div>
            <div class="header_daka">
                <a href="javascript:;">打卡</a>
            </div>
        </div>
        <#else>
        <div class="login-out">
            <a class="weibo-login" href="#" title="微博登录" rel="nofollow"></a>
            <a class="qq-login" href="#" title="QQ登录" rel="nofollow"></a>
            <a class="weixin-login" href="#" title="微信登录" rel="nofollow"></a>
            <a id="_j_showlogin" title="登录博游" href="/login.html" rel="nofollow">登录</a>
                <span class="split">|</span>
            <a href="/regist.html" title="注册帐号" rel="nofollow">注册</a>
        </div>
        </#if>
    </div>
    <div class="shadow"></div>
</div>

<script>
    /*$("li[name=]").addClass("header_nav_active");*/<#--${currentNav}-->
</script>